<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    html,
    body {
      width: 100%;
      height: 100%;
      background: #e6d6cc;
    }

    .title {
      width: 100vw;
      height: 1.706667rem;
      background: #e6d6cc;
      color: white;
      font-size: 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .content {
      position: relative;
    }

    .img3 {
      width: 100vw;
      height: 20.85333rem;
    }

    .img4 {
      position: absolute;
      left: .373333rem;
      top: 0;
    }

    .img5 {
      position: absolute;
      left: 38%;
      top: 74%;
    }

    .img6 {
      position: absolute;
      left: 48%;
      top: 85%;
    }

    .span1 {
      font-size: 16px;
      color: white;
      position: absolute;
      left: 43%;
      top: 89%;
    }
  </style>
</head>

<body>
  <div class="title">
    <a href="./首页.html">
      <img src="./images/ic_jt.png" alt="" class="img1">
    </a>
    容猫AI测肤
    <img src="./images/ic_xiangji.png" alt="" class="img2">
  </div>
  <div class="content">
    <img src="./images/ic_zp.png" alt="" class="img3">
    <img src="./images/ic_yuan.png" alt="" class="img4">
    <img src="./images/ic_anniu.png" alt="" class="img5">
    <img src="./images/ic_cefu_n.png" alt="" class="img6">
    <span class="span1">皮肤检测</span>
  </div>
  <script src="./js/flexible.js"></script>
</body>

</html>